@charset "utf-8";
/* cursor鼠标样式，请替换为自己网址。 */
html{color:#000;background:#FFF;font-size: 100%;} 
::selection{background:#00c000;color:#fff;text-shadow:none;}
::-moz-selection{background-color:#0cf;color:#fff;text-shadow:none;}
::-webkit-scrollbar{margin-right:2px;width:10px;}
::-webkit-scrollbar-track-piece{border-left:1px solid #d2d2d2;background-color:#f5f5f5;}
::-webkit-scrollbar-thumb{width:10px;border:1px solid #3f3f3f;background: #3f3f3f;border-radius: 10px;}
::-webkit-scrollbar-thumb:hover{background:#0c0;}
*{margin: 0;padding: 0;}
body{
    z-index: -99 !important;
    background-size: cover;
    background-attachment: fixed;
    color: #000;
    word-wrap: break-word;
    font-size: 13px;
    font-family: "Classic Grotesque W01","Hiragino Sans GB","STHeiti","Microsoft YaHei","WenQuanYi Micro Hei",Arial,SimSun,sans-serif;}
.bg-image {
    display: block;
    position: fixed;
    top: 0;
    bottom: -30%;
    left: 0;
    z-index: -9999;
    width: 100%;
    height: auto;
    min-height: 100%;
}
.bg-image-pattern {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background: url(images/bg-fixed.png) repeat;
}
#wrap {width:auto; text-align:left; margin: 0px auto 0px;  padding: 0px; word-wrap: break-word; position:relative; z-index: 10;}
img{border:none;}
a{color: #594D3A; text-decoration: none;} /* 默认链接 */ 
a:hover {color: #0cf; text-decoration : none; }   /* 鼠标悬停 */
a {text-decoration: none;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none
}
/* ------响应式 代码------ */
/* 2560x1440px */
@media screen and (max-width: 4096px) {
#bwgj_logo {display:none;} #sousuo2{display:none;}
#wrap{width:1200px; margin: 0 auto;  padding: 0;}
#gonggao {margin-bottom: 15px;} #gonggao_bk{display:none;} #gonggao{display:block;} #ggwz{width:86%; font-size:14px; padding-left:110px; height:47px; line-height:47px;}
#contentleft{float: left;width: 70%; padding: 0px 10px 10px 20px;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } 
#content h2{margin: 10px 0px 10px 0px; font-size: 1.5em;}
#nav2{display: none;}#mheader{display: none;}
#contentleft .date3{display:none;} #contentleft .date4{display:none;}
.biaoti {font-size: 1.5em;} .r{float: right;} .jieshu2{display:none;} .juanzhu2 {display:none;} 
#footerbar{width: 1100px; color:#000!important;font-size:0.875em; line-height: 25px; margin: 50px auto 10px auto; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 3px 10px rgba(34, 25, 25, 0.4); -moz-box-shadow: 0 3px 8px rgba(34,25,25,0.4); -webkit-box-shadow: 0 3px 10px rgba(34, 25, 25, 0.4);}
#footerbar a {color: #000!important;}
#shangxia{right: 50%; margin-right: -800px;}
#shangxiapian_2{display:none;}
#tw .tw-body .tw-wenzi .post1 {width: 86%; margin-left: 15px;} #tw .time{padding-left: 96px;}
}
/* 1920px */
@media screen and (max-width: 1921px) {
#header {
    overflow: hidden;
    width: 100%;
    height: 180px;
    color: #fff;
    text-align: left;
}
#header .box {
    position: relative;
    margin: 0 auto;
    padding: 45px 0;
    width: 1100px;
}
#header .logo img {
    height: 80px;
    border: 3px solid RGBA(150, 101, 101, 0);
    vertical-align: middle;
}
	
#header .logo:hover {
-webkit-animation:dyboy 1s .1s ease both;
-moz-animation:tada 1s .1s ease both;
}
@-webkit-keyframes dyboy {
0% {
-webkit-transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.8) rotate(-2deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(2deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-2deg)
}
100% {
-webkit-transform:scale(1) rotate(0)
}
	

.xwcms {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    -webkit-background-size: 220px 220px;
    -moz-background-size: 220px 220px;
    background-size: 220px 220px;
    -webkit-border-radius: 110px;
    border-radius: 110px;
    -webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;
}
.xwcms:hover {
    border: 2px solid #0a0;
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
#header h2 {
    float: left;
    overflow: hidden;
    margin-top: 15px;
    width: 880px;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
}
#header h2 a {
    margin-left: 15px;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
}
#footerbar{width: 1200px; margin: 30px auto 10px auto;}
}
/* 1440px */
@media screen and (max-width: 1441px) {
}
/* 1366px */
@media screen and (max-width: 1367px) {
#shangxia{right: 50%; margin-right: -660px;}
}
/* 1280px */
@media screen and (max-width: 1281px) {
#nav{width:auto;} #ggwz{width:82%; padding-left:142px;}
#footerbar{width: 98.5%;}
#shangxia{right: 50%; margin-right: -650px;}
.post-navigation{display:none;}
}
@media screen and (max-width: 1210px) {#ggwz{width:87%; padding-left:107px;}}
/* 1180px */
@media screen and (max-width: 1180px) {
#wrap {width: auto;}
#nav{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} 
#ggwz{width:88%; padding-left:96px; height:47px; line-height:47px;}
#footerbar{width: 100%;}
.post-navigation{display:none;}
}
@media screen and (max-width: 1140px) {
bod{display: none;}
#wrap {width: auto;margin-top: 0px;} 
}
@media screen and (max-width: 1080px) {
#gonggao {margin-bottom: 10px;} #wrap {width: auto;}
 #tw .tw-body .tw-wenzi .post1 {width: 85%;} #footerbar{width: 98%;}
}
@media screen and (max-width: 1024px) {
 #content h2{font-size: 1.25em;} #tw .tw-body .tw-wenzi .post1 {width: 84%;}
}
@media screen and (max-width: 984px) {
#contentleft{width: 68%;}
.m-nav{width: 25%;}
}
@media screen and (max-width: 954px) {
#tw .tw-body .tw-wenzi .post1 {width: 82%;} 
}
@media screen and (max-width: 914px) {
#tw .tw-body .tw-wenzi .post1 {width: 81%;} 
}
@media screen and (max-width: 880px) {
#wrap {width: 98%;} 
#contentleft #voice_ct{display:none;}
.daohang2{font-size: 1em;} #ggwz{width:87%; font-size:12px; padding-left:74px; height:34px; line-height:34px;}
#contentleft{width: 98%; float: none;}
#thumbnail{width: 100px!important;height: 68px!important;margin-bottom: 0px!important;}
#thumbnail img{width: 100px!important;height: 68px!important;}
#content h2{margin-left:-5px!important;width:99%;border-left: none!important; }
.good-box{margin-left: 0px!important}
#tw .tw-body .tw-wenzi .post1 {width: 86%;}
#header{display: none;}
#nav{display:none;} #nav2,#mheader{display:block;}
#nav .bar{display: none;}
#sousuo2{display: block;}
#sidebar{display:none;}
#content:before ,#content:after{display: none;}
#footerbar{width: 98%; font-size: 0.875em;margin-top: 20px;}
#scroll {display:none;}
.post-navigation{display:none;}
}
/*  800px  */
@media screen and (max-width: 800px) {
#contentleft {background: rgba(255, 255, 255, 0.1);}
#wenkmPlayer,.myhk_pjax_loading_frame,.myhk_pjax_loading{display: none!important;}
#top_banner {display:none;} #bwgj_logo{display: block; width: 100%; height: auto; margin: 10px auto; padding:0;}
#sousuo2{display:block;} #ggwz{width:88%; padding-left:65px; height:30px; line-height:30px;}
#contentleft {width: 98%; float: none; margin: 0 auto; padding: 5px 8px 15px 10px; border: 1px solid #D5D2C4; background:#rgba(255, 255, 255, 0.1); border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;  box-shadow: 0 3px 10px rgba(34, 25, 25, 0.4);  -moz-box-shadow: 0 3px 8px rgba(34,25,25,0.4);  -webkit-box-shadow: 0 3px 10px rgba(34, 25, 25, 0.4);}
html {-webkit-text-size-adjust: none;}
#wrap  {font-size: 100%; margin: 0 auto;padding: 0px 0px 0px 0px;width: 100%;}
#content h2 {font-size: 1.125em; margin:20px 0px 12px 0px;}
.biaoti {font-size: 1.4em;}
#footerbar{width: 98%; font-size: 0.875em;}
#bottom_banner{display:none;}
#wenkmPlayer{display: none;}
.goon{display: none;}
.post-navigation{display:none;}
}
/*  768px  */
@media screen and (max-width: 768px) {
#contentleft {width:97%;background:rgba(255, 255, 255, 0.1);box-shadow: none;} #tw .tw-body .tw-wenzi .post1 {width: 83.5%;} 
#footerbar{width:97%;}
.post-navigation{display:none;}
}
/*  650px  */
@media screen and (max-width: 650px) {
.tijiao{margin:-130px 0 0 -150px;padding:20px;width:257px;height:auto;}
#comment-post h1{padding-bottom:15px;}
#color,.play,.num1,.zujian,.tw .avatar,.photo,.sign1,.sign2,#wenkmPlayer,#top-image,#wenkmLrc,#wenkmKsc,#karaoke,#lrc,#lrcs,#KmList,#guest_avatar,#loading,#footer:before,.sakura,#sidebar,.goon,.copyright,.qrimg,.go-qrcode,.go-comment,.fullscreen,.size,.icon-basket,#container1,.post-list:after,.entry-comment-number,ul.readers-list,#tooltip,#wrapper:before,#wrapper:after,.box,#wrapper2:before,.pgood,.pretie{display:none!important;}
.commentlist .comment-body .reply a,.commentlist .comment-body1 .reply a{opacity:1;filter:alpha(opacity=100);}
#contentleft .date{display:none;}
.tw:before{left:-15px!important;}
.tw .plus{left:-25px!important;}
.tw .plus2,.tw li em1{left:-18px!important;}
.tw-content{margin-left: 5px!important;}
.post-navigation{display:none;}
.post-label a {display:none;}
}
/*  600px  */
@media screen and (max-width: 600px) {
#contentleft .date1{display:none;} #contentleft .date3{display:block;}
#contentleft .date2{display:none;} #contentleft .date4{display:block;}
.fenxiang{display:none;}
.post-label a {display:none;}
.post-navigation{display:none;}
}
/*  540px  */
@media screen and (max-width: 540px) {
#contentleft {width: 98%;} .r{float: none; margin-left: auto; margin-right: auto; text-align: center;}
#tw .tw-body .tw-wenzi .post1 {width: 77.5%;} #banquan{display:none;} .juanzhu {display:none;} .juanzhu2 {display:block;}
.post-navigation{display:none;}
}
/*  480px  */
@media screen and (max-width: 480px) {
html {-webkit-text-size-adjust: none;}
#wzlj1,#wzlj2{padding: 0!important;}
.daohang2{font-size: 14px;}
#bwgj_logo{width: 45%;height: auto;margin: 10px auto; padding:0;}
#contentleft {width: auto; float: none; margin: 0;padding: 5px 8px 15px 8px; border: 1px solid #D5D2C4; border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px;  -moz-box-shadow: 0 3px 8px rgba(34,25,25,0.4);}
#wrap {font-size: 100%; margin: 5px 0px 0px 3px; padding: 0px 0px 0px 0px; width: 98%;}
#content h2 {font-size: 1em; margin:15px 0px 18px 0px;}
.biaoti {font-size: 1.125em;}
#footerbar{font-size:0.8em; width:97%; line-height:25px; box-shadow:none;}
#tw .tw-body .tw-wenzi .post1 {width: 76.5%;}
.post-navigation{display:none;}
#contentleft {background: rgba(255, 255, 255, 0.1);}
}
/*  460px  */
@media screen and (max-width: 460px) {
#gonggao_bk{display:none;} #tw .tw-body .tw-wenzi .post1 {width: 71.5%;}
.post-label a {display:none;}
.post-navigation{display:none;}
#contentleft {background: rgba(255, 255, 255, 0.1);}
}
/*  390px  */
@media screen and (max-width: 390px) {
#contentleft .date3{display:none;} #tw .tw-body .tw-wenzi .main_img{display:none;} #tw .tw-body .tw-wenzi .post1 {width:auto; margin-left: 0px;} #tw .time{padding-left: 0px;}
.post-label a {display:none;}
.post-navigation{display:none;}
#contentleft {background: rgba(255, 255, 255, 0.1);}
}
/*  320px  */
@media screen and (max-width: 320px) {
#bwgj_logo{width: 55%;height: auto;margin: 10px auto; padding:0;}
#contentleft {width: auto; float: none; margin: 0; padding: 5px 8px 15px 8px;border: 1px solid #D5D2C4; background:rgba(255, 255, 255, 0.1); border-radius: 8px;  -moz-border-radius: 8px;  -webkit-border-radius: 8px; -moz-box-shadow: 0 3px 8px rgba(34,25,25,0.4);}
html {-webkit-text-size-adjust: none;}
#wrap  {font-size: 96%; margin: 5px 0px 0px 3px; padding: 0px 0px 0px 0px; width: 98%;}
#footerbar{display:none;}
.post-label a {display:none;}
.post-navigation{display:none;}
}
/*  300px  */
@media screen and (max-width: 300px) {
#wrap  {width: 97.5%;} .biaoti {font-size: 1em;} #shangxiapian_2{margin:0 auto; text-align:center;} #shangxiapian3{float:none; clear:both; margin-bottom:15px;} #shangxiapian4{float:none; clear:both;} #contentleft .date4 {display:none;}
.post-label a {display:none;}
.post-navigation{display:none;}
#contentleft {background: rgba(255, 255, 255, 0.1);}
}
/* 响应式图片 */
img {max-width: 100%; height: auto; width: auto\9; /* ie8 */}
/* 响应式视频 */
.video embed,.video object,.video iframe {width: 100%; height: auto;}
embed{width: 95%!important}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* 响应式代码结束 */
#logo {margin: 0px 0px 0px 30px; padding: 10px 0px 10px 0px;}
#header h1 {color: #1F1F1F; font-size: 30px; font-weight: normal; letter-spacing: 0px; margin: 10px 0px 3px 0px; padding: 20px 0px 0px 0px; font-family: Georgia, "Times New Roman", Times, serif; line-height:normal;}
#header h1 a:link {color: #1F1F1F; text-decoration: none;}
#header h1 a:active {color: #1F1F1F; text-decoration: none;}
#header h1 a:visited {color: #1F1F1F; text-decoration: none;}
#header h1 a:hover {color: #1F1F1F; text-decoration: none;}
#header h3 {color: #525252; font-size: 14px; font-weight: normal; margin: 0px 0px 0px 40px; padding: 10px 0px 10px 0px;}
#navbar{width: 100%;z-index: 999;border: none;}
#nav { margin: 0px auto;  border-radius: 5px;border: 1px solid #fff;  max-width: 1200px;-webkit-border-radius: 5px; -moz-border-radius: 4px;  z-index:330; animation: zoomIn 1.5s;}
#nav .bar {margin: 0px auto; padding: 0px;height: 50px;}
#nav .bar .item {height: 50px;line-height: 50px;display: block;float: left;padding: 0 20px; position: relative;}
#nav .item a{color:#000; text-decoration:none;}
#nav .item:hover a{color:#0cf;}

#nav .current {border-bottom: 2px solid #0cf;}
#nav .current  a{color: #0cf!important}

#nav .item:hover .sub-nav,#nav .li-hover .sub-nav{display:block;}
#nav .sub-nav{position:absolute;top:50px;left:-10px;z-index:333;display:none;margin:0;padding:0;border:1px solid #eee;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;list-style:none;}
#nav .sub-nav li{min-width:100px;white-space:nowrap;border-bottom: 1px solid #eee;}
#nav .sub-nav a{display:block;padding:0 18px;}
* html #nav .sub-nav a{display:inline;width:120px;zoom:1;}
#nav .sub-nav a:hover{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#fff;}
/*分页*/
.pagenavi{margin-top:20px;line-height:2.5;text-align:center;clear:both;position:relative;z-index:9}
.pagenavi a:hover{background:#3f3f3f;color:#fff;animation: flash 1s;}
.pagenavi a{color:#FFF}
.pagenavi span{color:#fff !important;width: 32px;height: 32px; margin: 0 6px; line-height: 32px; background: #3f3f3f; border-radius: 50%; display: inline-block;}
.pagenavi a,#pagenavi span,#pagenavi>i{width:32px;height:32px;margin:0 6px;line-height:32px;color:#FFF;background: #009A4C;border-radius:50%;display:inline-block}
#content {margin: 0px auto ; padding-top: 10px; overflow: hidden;border: 1px solid #fff;}
#content .post h2 {color:#222;font-size: 18px; margin-left: -20px;border-left:3px solid #000;word-break: break-all;word-wrap: break-word; text-overflow: ellipsis;margin-left: -20px;padding-left: 20px;margin-top: -10px;}
#content .post h2 .good-label{position:relative;top:-2px;padding:3px 5px;background-color:red;color:#fff;font-weight:normal;font-size:12px;}
#content .post h2 .good-arrow{position: relative;top: -3px;left: -6px;display: inline-block;margin-right: 0px;width: 0;height: 0; border-top: 4px solid transparent;border-bottom: 4px solid transparent; border-left: 4px solid red;}
#content .post h2 a{font-size: 15px;}
#content h2 {color:#222;font-size: 18px;}
#content h2 a {font-weight: bold;color:#1d1b10; text-decoration:none; }
#content h2 a:active {color:#286482; text-decoration:none;}
#content h2 a:hover {color: #244061; margin-left: 4px; text-decoration:none; -moz-transition:all 0.25s ease-in 0s;-webkit-transition:all 0.25s ease-in 0s;transition:all 0.25s ease-in 0s;}
#content h2 .widgettitle {color: #000; font-size: 12px; font-weight: bold; margin: 25px 0px 0px 0px; padding: 10px 0px 10px 0px;}
.entry-comment-number{position:relative;float:right;margin-top: -34px;width:30px;height:24px;color:#fff;}
.entry-comment-number a{position:absolute;z-index:2;border-radius:50%;display:block;margin:0;padding:0;width:30px;height:20px;background: #3f3f3f;color:#fff;text-align:center;font-size:12px;line-height:20px;}
.entry-comment-number .corner{position:absolute;bottom:-1px;left:10px;z-index:1;display:block;width:0;height:0;border-color: #3f3f3f rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #3f3f3f;border-style:solid;border-width:5px 5px;font-size:0;line-height:0;}
/*--#content h3 {color: #000; font-weight: bold; margin: 15px 0px 0px 0px; padding: 8px 0px 8px 0px;}--*/
#contentleft { word-wrap: break-word; overflow: hidden;margin-bottom: 20px;}
blockquote {margin: 0px 20px 20px 20px; padding: 25px 20px 25px 20px; background: #EFEFEF; border-left: 5px solid #696969; border-right: 5px solid #696969;}
#contentleft .date1 {margin: 0px 0px 5px 0px; padding:0px; color:#8c8c8c; font-size:12px; font-family: \5b8b\4f53; height:20px; line-height: 1.5;}
#contentleft .date1 a{color: #fff;}
#contentleft .date2 {margin: 0px; color:#FFFFFF; font-size:12px; font-family: \5b8b\4f53; height: auto; line-height: 1.5;animation: bounceInDown 1s;text-align: center;}
#contentleft .date2 a{color: #FFFFFF;}
#contentleft .date2 li{margin-bottom:5px;padding:2px 3px;border-radius:4px;list-style:none;display:inline-block}
#contentleft .date2 li:nth-child(5n+1){background-color:#ff5e5c}
#contentleft .date2 li:nth-child(5n+2){background-color:#ffbb50}
#contentleft .date2 li:nth-child(5n+3){background-color:#1ac756}
#contentleft .date2 li:nth-child(5n+4){background-color:#19b5fe}
#contentleft .date2 li:nth-child(5n+5){background-color: #B433FF;}
#contentleft .date3 {margin: 0px auto; padding:0px; color:#8c8c8c; font-size:12px; font-family: \5b8b\4f53; height: 35px;}
#contentleft .date4 {margin: 12px 0px 0px 0px; padding:0px; color:#8c8c8c; font-size:12px; font-family: \5b8b\4f53; text-align: center;}
#contentleft .att {color:#A97965; font-size:12px; margin:5px 0px 0px 0px;}
#contentleft .rz_fgx {margin: 10px -20px 25px -20px;height: 1px;border: 0;border-top: 1px dashed #2293D4;}
#contentleft .pgood{position:absolute;z-index:3;float:right;margin-top:-80px;margin-left:550px;width:148px;height:88px;background:url(images/dingzhi.gif) no-repeat;opacity:.5;filter:alpha(opacity=50);}
#contentleft.pretie{position:absolute;z-index:3;float:right;margin-top:-80px;margin-left:550px;width:148px;height:88px;background:url(images/rentie.gif) no-repeat;opacity:.5;filter:alpha(opacity=50);}
#article_content{width: 100%;display: block;}
#thumbnail { position:relative;margin-right: 15px; float:left;overflow:hidden;width:200px;height:140px;margin-bottom: 10px;}
#thumbnail img{width: 220px;height: 140px; border-radius: 5px; -webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
#thumbnail img:hover{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
#arcticle_thumb{ line-height: 25px; text-indent:2em !important; font-size: 13px;color:#111; display: inline;word-wrap: break-word; word-break: break-all;}
/*-- 文字渐变光波流动动画 --*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm){color: #0cf}
img.alignright {float:right; border:none; margin:0px 0px 10px 10px;}
img.alignleft {float:left; border:none; margin:0px 10px 10px 0px;}
img.aligncenter {display: block; border:none; margin:10px auto 10px auto;}
a img.alignright {float:right; border:none; margin:0px 0px 10px 10px;}
a img.alignleft {float:left; border:none; margin:0px 10px 10px 0px;}
a img.aligncenter {display: block; border:none; margin:10px auto 10px auto;}
/* 底部 */
#footerbar{font-size: 13px;position: relative;z-index:8;text-align:center; overflow:hidden; border:1px solid #FFF; background-color: #fff;  -moz-border-radius:8px; -moz-box-shadow:0 3px 8px rgba(34,25,25,0.4)}
#dibu{margin: 12px 10px;}
#dibu a:hover{color: #0c0!important;}
#footerbar a:hover{-moz-transition:all 0.25s ease-in 0s;-webkit-transition:all 0.25s ease-in 0s;transition:all 0.25s ease-in 0s;color: #0c0}
.footerbox {float:left; width: 31%; float: left; margin: 5px 0px 0px 0px; padding: 0px 10px 20px 10px;}
.footerbox ul {list-style-type: none; margin: 0px; padding: 0px;}
.footerbox ul li {background:transparent url("images/bullet.png") 0px 3px no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px;}
/* --微语-- */
.tw{margin: 0 20px;}
.tw li{display:block;padding:12px 0;}
.tw li:hover .atitle:after{background:#0c0;}
.tw li .atitle{position:relative;display:inline-block;padding:0 15px;*display:inline;*zoom:1;}
.tw{position:relative;}
.tw:before{position:absolute;left:86px;width:4px;height:100%;background:#eee;content:"";}
.tw li:hover span{background:#0c0;color:#fff;}
.tw .avatar{float:left;display:block;margin:5px 0 0 -10px;width:82px;height:40px;text-align:right;}
.tw-content em{position:absolute;top:12px;left:-8px;    border-color: rgba(251, 250, 249, 0) #FBF9F8 transparent transparent;border-style:solid;border-width:8px 8px 8px 0;-webkit-transition-duration:.3s;}
.tw li:hover .avatar{border-color:#0c0;color:#0c0;-webkit-animation:fgxs infinite 5s linear;animation:fgxs infinite 5s linear;}
.tw li:hover .tw-content{color:#0c0;}
.tw-content{position:relative;margin-left:106px;padding:20px 20px 20px 30px;border-radius:4px;background-color:#fff;    border: solid #dfdfdf 1px;color:#000;font-size:14px;}
.tw .plus{position:absolute;left:75px;width:29px;background:url(images/timeline.png) 0 -35px;height:10px;top:0;}
.tw .plus2{position:absolute;left:83px;width:10px;bottom:0;background:url(images/timeline.png) -29px -26px;height:10px;}
.tw li em1{position:absolute;left:83px;display:block;overflow:hidden;margin-top:8px;width:12px;height:18px;background:url(images/timeline.png) -36px 0;}
.tw-content:before{content:'\e60d'; position:absolute; top:5px; left:5px; width:14px; height:14px; font-size:15px; color:#EB553F;}
.tw-content:after{ content:'\e60e';position:absolute; bottom:5px;right:3px;width:14px;height:14px; font-size:15px; color:#EB553F;}
.status-wall-meta{float:right;}
/* 自定义CSS，包括文章版权、图标、正文结束等 */
.hint,[data-hint]{position:relative;display:inline-block}.hint:before,.hint:after,[data-hint]:before,[data-hint]:after{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0ms;-moz-transition-delay:0ms;transition-delay:0ms}.hint:hover:before,.hint:hover:after,.hint:focus:before,.hint:focus:after,[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after{visibility:visible;opacity:1}.hint:hover:before,.hint:hover:after,[data-hint]:hover:before,[data-hint]:hover:after{-webkit-transition-delay:100ms;-moz-transition-delay:100ms;transition-delay:100ms}.hint:before,[data-hint]:before{content:'';position:absolute;background:transparent;border:6px solid transparent;z-index:1000001}.hint:after,[data-hint]:after{content:attr(data-hint);background:rgba(12, 232, 120, 0.63);color:#fff;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap}.hint--top:before{border-top-color:rgba(12, 232, 120, 0.63)}.hint--bottom:before{border-bottom-color:rgba(12, 232, 120, 0.63)}.hint--left:before{border-left-color:rgba(12, 232, 120, 0.63)}.hint--right:before{border-right-color:rgba(12, 232, 120, 0.63)}.hint--top:before{margin-bottom:-12px}.hint--top:after{margin-left:-18px}.hint--top:before,.hint--top:after{bottom:100%;left:50%}.hint--top:hover:after,.hint--top:hover:before,.hint--top:focus:after,.hint--top:focus:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom:before{margin-top:-12px}.hint--bottom:after{margin-left:-18px}.hint--bottom:before,.hint--bottom:after{top:100%;left:50%}.hint--bottom:hover:after,.hint--bottom:hover:before,.hint--bottom:focus:after,.hint--bottom:focus:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--right:before{margin-left:-12px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:before,.hint--right:after{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before,.hint--right:focus:after,.hint--right:focus:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{margin-right:-12px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:before,.hint--left:after{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before,.hint--left:focus:after,.hint--left:focus:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--error:after{background-color:rgba(12, 232, 120, 0.63);text-shadow:0 -1px 0 rgba(12, 232, 120, 0.63)}.hint--error.hint--top:before{border-top-color:rgba(12, 232, 120, 0.63)}.hint--error.hint--bottom:before{border-bottom-color:rgba(12, 232, 120, 0.63)}.hint--error.hint--left:before{border-left-color:rgba(12, 232, 120, 0.63)}.hint--error.hint--right:before{border-right-color:rgba(12, 232, 120, 0.63)}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #193b4d}.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:after,.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:after,.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:before,.hint--no-animate:after{-webkit-transition-duration:0ms;-moz-transition-duration:0ms;transition-duration:0ms}.hint--bounce:before,.hint--bounce:after{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(0.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(0.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(0.71,1.7,.77,1.24)}
#tubiao{float:right; padding:0px 15px 10px 0px;}
.post-lisence{margin:10px 0;line-height: 25px;padding:10px;border:1px solid #eee;border-left:3px #3f3f3f solid;background:#f8f8f8;font-size:12px;}
.post-lisence a{color:#000;} 
.post-lisence a:hover{color:#0c0;}
.qring img { float: right;height: 70px;}
.post-tags a:before {position: absolute; top: 0;left: -8px;width: 0; height: 0;border-top: 10px solid transparent;border-right: 8px solid #0089fa;border-bottom: 10px solid transparent; content: "";}
.tupian{float:left; padding: 0; height: auto; width: auto; margin: 8px 0px 0px 8px;}
.xinxi {margin: 8px 6px 0px 116px; padding: 0px; height: auto; line-height: 33px; width: auto; font-size: 0.875em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
#banquan:hover{ border: 1px dashed #C87272;}
#banquan .zuozhe{color: #B6629E;} #banquan .biaoti2{color: #B3686E;}
#banquan .blog_url{color: #518553;} #banquan .blog_name{color: #B14F4F;}
#tingliu{margin: 10px 0px 5px 0px; padding: 3px 0px 3px 0px; line-height: 2; text-align:center; font-size:12px;color:#3f3f3f; background: #eee;  width: 100%; transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;border-radius: 3px;}
#tingliu a{color:#ffbb50;}
#tingliu:hover{background: #3f3f3f!important;color: #fff;}
.tingliu5{position:relative; left:0px; top:5px;}
.cutline {text-align: center;margin: 20px -20px 20px -20px;height: 1px;border: 0;border-top: 1px dashed #2293D4;}
.cutline span { position: relative;top: -10px;padding: 2px 4px; border: 1px solid #d6d6d6; background-color: #f7f7f9; color: #2293D4;font: 12px Arial,Microsoft JhengHei;}
.juanzhu{width:100%; height:auto; margin:40px 0;}
.juanzhu a{cursor:url(img/ybao.cur), auto;}
.juanzhu2{background: url(images/xin.png) 0px 3px no-repeat; height: auto; line-height: 24px; margin: 30px 0px 0px 0px; padding: 0px 0px 0px 20px; font-size:0.875em;}
.juanzhu2 a{color:#E06969;}
/* 分享样式 */
.fenxiang{max-width: 550px; height: 20px; line-height: 20px; margin: 10px ; } 
.xiantiao{margin:10px 10px 20px 0px;} .xiantiao2{margin:10px 10px 18px 0px;}
.xiantiao2{width: 100%;text-align: center;}
.biaoti{margin: 35px 0px 20px 0px; text-align:center; line-height: 1.5; font-family:\5FAE\8F6F\96C5\9ED1,\5B8B\4F53; color: #0C0C0C;}
#wenzhangbiaoti h2{font-size: 1.8em;margin: 35px 0px 20px 0px;font-family: PMingLiU;text-align: center;line-height: 1.5;color: #222;}
.shouye{font-size:12px; text-align:center;}
/*-- 相关文章 --*/
.gxq{ border: 1px dashed #C2B8A4; margin:20px 0; padding: 0px 0px 10px 15px;}
.gxq:hover{ border: 1px dashed #C87272;}
.gxq .bti{font-size:16px; height: 48px; line-height: 48px; border-bottom:1px dashed #ccc; font-weight:bold}
.gxq .bti img{width: 22px; position: relative; left: 0px; top: 4px;}
.gxq ul{margin:10px 0; padding: 0px;overflow: hidden;}
.gxq li{float:left;width:50%; overflow:hidden; height: 28px;line-height: 28px; white-space:nowrap; font-size:14px}
.gxq li a {color:#665F4B; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 92%;}
.gxq li a:hover{color:#EF796E; text-decoration:none;display:inline;  -moz-transition:all 0.25s ease-in 0s;-webkit-transition:all 0.25s ease-in 0s;transition:all 0.25s ease-in 0s;}
/*继续阅读*/
.goon{margin-bottom: -20px;}
.goon a{float:right;display:inline-block;margin-top:-29px;padding:2px 5px;border:1px solid #ddd;color:#594D3A;text-decoration:none;font-size:12px;line-height:24px;}
.goon a:hover{color:#0c0;}
.line{margin: 0px; padding:0px; height: 8px;}
.juzhong{margin: 0 auto;}
/*小图标代码 */
.pauthor,.pauthor2,.ptime,.pcata,.pcomm,.pview,.home,.zihao,.zhengwen,.biaoqian,.bianji,.pcata2,.plun,.fenlei2{background:url(images/photo.png) no-repeat; margin-right:0; padding-left: 18px; 
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
filter: alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6;}
.pauthor{background-position: -168px -1px;} .pauthor2{background-position: -95px -122px;} .ptime{background-position: -48px -25px;} .pcata{background-position: -264px -1px;} .pcomm{background-position:-240px -120px} .pview{background-position: -70px -120px;} .home{background-position: 0px -25px;} .zihao{background-position:-336px -1px} .zhengwen{background-position: -263px -21px;} .biaoqian{background-position: 1px -46px;} .bianji{background-position: -96px -73px;} .pcata2{background-position: -215px 3px;} .plun{background-position: -239px -121px;} .fenlei2{background-position: -238px 3px;}
/* ---清除浮动+高度自适应 --- */
.clear,#gaodu1 {clear:both;} #gaodu2 {clear:both; height:1px; width:100%; overflow:hidden; margin-top:-1px;}
/* --------- 侧边栏 --------- */
#sidebar {float: right; padding: 0px;  width: 26%;margin-right:6px; } 
#sidebar ul {list-style-type: none; margin: 0px; padding: 0px; line-height: 25px;} #sidebar li {list-style-type:none; padding: 0px;}
/*---------- 个人资料 ----------*/
#zhanzhang{width:95%; height: auto; margin: 0 auto;border: 1px solid #3f3f3f;}
#zhanzhang_biaoti{width: 100%;background: #3f3f3f;}
#zhanzhang_img{ margin-top: 5px;border: 5px solid #fff;width: 70px; height: 70px; display: block; overflow: hidden;right: 0;transition: all 0.8s;-webkit-transition: all 0.8s;}
#zhanzhang_img:hover{border: 5px solid #3f3f3f;}
#zhanzhang_wenzi{padding: 0px 0px 15px 0px;height: auto;line-height: 20px;font-size: 10px;text-align: center;}
#zhanzhang_wenzi span{color:#0181da;padding: 5px;font-size: 14px;}
/*---------- QQ、微信、邮件等联系方式图标 ----------*/
#qq{margin:0 auto; text-align:center;}
#qq img:hover{animation: rubberBand 1s;}
/*---------- 最新文章 ----------*/
#zuixinwenzhang{width: 250px; height: auto; margin: 0 auto; padding: 0; }
#zuixin_biaoti{width: 100%;background: #3f3f3f;}
/*---------- 热门文章 ----------*/
#remenwenzhang{width: 250px; height: auto; margin: 0 auto; padding: 0;}
#remen_biaoti{width: 100%;background: #3f3f3f;}
/*---------- 随机文章 ----------*/
#suijiwenzhang{width: 250px; height: auto; margin: 0 auto; padding: 0;}
#suiji_biaoti{width: 100%;background: #3f3f3f;}
/*---------- 自定义 精选文章 ----------*/
#jingxuanwenzhang{width: 250px; height: auto; margin: 0 auto; padding: 0; text-align: center;}
#jingxuan_biaoti{background: url(images/biankuang1.gif) no-repeat; margin-top: 20px; margin-left: auto;   margin-right:auto; padding: 0px; width:230px; height:45px;}
#jingxuan_biaoti span{height:45px; font-size: 16px; color: rgb(249, 242, 200);
text-shadow: 1px 1px 3px #1A1C04; font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53; line-height:45px; letter-spacing:3px;}
/*---------- 最新评论 ----------*/
#pinglun{width: 94%; height: auto; margin: 0 auto; padding: 0;}
#comment-img{float: left;margin: -5px 5px 0 5px;width: 32px; height: 32px; border: 3px #fff solid;border-radius: 50%; background: #fff;box-shadow: 0 1px 3px rgba(34,25,25,0.5);}
#comment-time{ color: #999aaa; font-size: 12px;}
#pinglun_biaoti{width:100%;background: #3f3f3f;}
#new_comment{ margin-top: 10px;margin-left: 3px;position: relative;display: inline-block;padding: 0px 9px;width: 260px; border: solid #dfdfdf 1px; border-radius: 2px;}
#new_comment a{font-size: 12px; color: #000;}
#newcomment  trg {position: absolute;top: -6px;left: 18px;display: block; width: 12px; height: 7px; background: url(images/bg_msg2.gif) 0 -12px no-repeat;}
#pinglun_wenzi{padding: 8px 5px 8px 5px; margin: 5px auto 0 auto;  height: auto;  text-align: left;font-size: 14px;}
#pinglun_wenzi li{ padding: 15px 0 0 0;}
#pinglun_wenzi li img{position: relative; left: 0px; }
#pinglun_wenzi li img:hover{position: relative;left: 0px;border-color: #0cf;}
/* --------- 最新微语 --------- */
#weiyu{ width: 94%; margin: 0 auto; padding: 0;}
#weiyu_biaoti{width: 100%;background: #3f3f3f;}
#twitter li {border-bottom: dotted #CCCCCC 1px;list-style:none;margin: 0 10px;}
#twitter li p {font-size: 10px;padding-left: 60px; text-align:right; padding:5px 10px 2px;}
#twitter p {font-size: 12px;text-align:right;}
#twitter li small {font-size: 10px;padding: 0px 10px;}
#twitter li .t_img{background:url(images/img.gif) no-repeat;padding: 0 7px; margin: 0 0 0 10px;}
/* --------- 日志页彩色标签 --------- */
#contentleft #tag {font-size: 0.875em; padding-left: 26px; height: 40px; background: url(images/tag.png) 0px 0px no-repeat;}
#contentleft #tag li{float:left; margin-left:5px; margin-bottom: 5px; list-style-type: none;}
#contentleft #tag a,#tag a:visited{display:block; color:#fff; padding:0 5px; height:22px; line-height:22px;/*ie*/_float:left;}
#contentleft #tag a:hover{background:#565656; color:#fff; text-decoration:none;}
#contentleft #tag-1{background:#ff7094;} #contentleft #tag-2{background:#94b770;} #contentleft #tag-3{background:#db94ff;} #contentleft #tag-4{background:#399;} #contentleft #tag-5{background:#f60;}
#contentleft #tag .color{color: #888888;}
/* --------- 侧边栏彩色标签 --------- */
#biaoqian{width:94%; height: auto; margin: 0 auto; padding: 0;}
#biaoqian_biaoti{width: 100%;margin-bottom:10px;background: #3f3f3f;}
#blogtags {margin-left: 10px !important;}
#blogtags a:before{position:absolute;top:0;left:-8px;width:0;height:0;border-top:10px solid transparent;border-right:8px solid #0089fa;border-bottom:10px solid transparent;content:"";}
#blogtags a:nth-child(6n+1):before,#bloggerinfo a:nth-child(6n+1):before,.post-tags a:nth-child(6n+1):before{border-right-color:#ff002b;}
#blogtags a:nth-child(6n+2):before,#bloggerinfo a:nth-child(6n+2):before,.post-tags a:nth-child(6n+2):before{border-right-color:#ffa900;}
#blogtags a:nth-child(6n+3):before,#bloggerinfo a:nth-child(6n+3):before,.post-tags a:nth-child(6n+3):before{border-right-color:#00a753;}
#blogtags a:nth-child(6n+4):before,#bloggerinfo a:nth-child(6n+4):before,.post-tags a:nth-child(6n+4):before{border-right-color:#b433ff;}
#blogtags a:nth-child(6n+5):before,#bloggerinfo a:nth-child(6n+5):before,.post-tags a:nth-child(6n+5):before{border-right-color:#b37333;}
#blogtags a:after,#bloggerinfo a:after,.post-tags a:after{position:absolute;top:8px;left:-2px;width:4px;height:4px;border-radius:50%;background-color:#fff;content:"";}
#blogtags a,#bloggerinfo a,.post-tags a{position:relative;display:inline-block;margin:4px 5px 0 8px;padding:3px 7px;background-color:#0089fa;color:#fff!important;font-size:11px;line-height:14px;-webkit-text-size-adjust:none;}
#blogtags a:nth-child(6n+1),#bloggerinfo a:nth-child(6n+1),.post-tags a:nth-child(6n+1){background-color:#ff002b;}
#blogtags a:nth-child(6n+2),#bloggerinfo a:nth-child(6n+2),.post-tags a:nth-child(6n+2){background-color:#ffa900;}
#blogtags a:nth-child(6n+3),#bloggerinfo a:nth-child(6n+3),.post-tags a:nth-child(6n+3){background-color:#00a753;}
#blogtags a:nth-child(6n+4),#bloggerinfo a:nth-child(6n+4),.post-tags a:nth-child(6n+4){background-color:#b433ff;}
#blogtags a:nth-child(6n+5),#bloggerinfo a:nth-child(6n+5),.post-tags a:nth-child(6n+5){background-color:#b37333;}
#blogtags a:hover,#bloggerinfo a:hover,.post-tags a:hover{background-color:#000;}
#blogtags a:hover:before,#bloggerinfo a:hover:before,.post-tags a:hover:before{border-right-color:#000;}
/*解体博客样式*/
#jieti_wz {font-family: \5FAE\8F6F\96C5\9ED1,\5b8b\4f53;font-size: 24px;font-weight: bold;margin: auto;position: absolute;top: 150px;left: 0;bottom: 0;right: 0;color: #FFF700;display: none;text-align: center;}
#jieti_wz .jieti-wzyy {text-shadow: 10px 9px 14px #B66648;}
#jieti_wz img {position: relative;top: 58px;left: 30px;width: 180px;height: 180px;}
/*-- 箭头返回顶部样式--*/
#shangxia{position:fixed;width:50px;height:97px;right:50%;top:72%;z-index:200;zoom:1;background:url(../haiyun/images/top/bsf_lv.png) no-repeat;}
#shangxia a{display:block;overflow:hidden;text-indent:-200px}
#shangxia .btn_goto_bottom,
#shangxia .btn_goto_top{height:28px}#shangxia .btn_comment{height:41px}
/*-- 加载彩色特效样式--*/
.l-wrapper {position: absolute;width: 480px;height: 300px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;text-align: center;}
svg {height: 120px;width: 120px;margin: 0 2em 2em; overflow: visible;}
.g-circles {
  -webkit-transform: scale(0.9) translate(7px, 7px);
  -ms-transform: scale(0.9) translate(7px, 7px);
  transform: scale(0.9) translate(7px, 7px);
}
circle {
  fill: dodgerblue;
  fill-opacity: 0;
  -webkit-animation: opacity 1.2s linear infinite;
  animation: opacity 1.2s linear infinite;
}
circle:nth-child(12n + 1) {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
circle:nth-child(12n + 2) {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
circle:nth-child(12n + 3) {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
circle:nth-child(12n + 4) {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
circle:nth-child(12n + 5) {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
circle:nth-child(12n + 6) {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
circle:nth-child(12n + 7) {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
circle:nth-child(12n + 8) {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
circle:nth-child(12n + 9) {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
circle:nth-child(12n + 10) {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
circle:nth-child(12n + 11) {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
circle:nth-child(12n + 12) {
  -webkit-animation-delay: -1.2s;
  animation-delay: -1.2s;
}
.g-circles--v2 circle {fill-opacity: 0;stroke-opacity: 0;stroke-width: 1;stroke: yellowgreen;
  -webkit-animation-name: opacity-stroke, colors, colors-stroke, transform-2;
  animation-name: opacity-stroke, colors, colors-stroke, transform-2;
}
.g-circles--v3 circle {fill-opacity: 1;
  -webkit-animation-name: opacity, colors;
  animation-name: opacity, colors;
}
.g-circles--v4 circle {fill-opacity: 1;fill: orange;
  -webkit-transform-origin: 60px 60px;
  -ms-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
  -webkit-animation-name: opacity, colors-3, transform;
  animation-name: opacity, colors-3, transform;}
@-webkit-keyframes opacity {3% {fill-opacity: 1;}75% {fill-opacity: 0; }}
@keyframes opacity {3% {fill-opacity: 1;}75% {fill-opacity: 0;}}
@-webkit-keyframes opacity-stroke {10% {stroke-opacity: 1;}85% {stroke-opacity: 0;}}
@keyframes opacity-stroke {10% {stroke-opacity: 1;}85% {stroke-opacity: 0;}}
@-webkit-keyframes colors {0% {fill: yellowgreen;}10% {fill: gold;}75% {fill: crimson; }}
@keyframes colors {0% {fill: yellowgreen;}10% {fill: gold;}75% {fill: crimson; }}
@-webkit-keyframes colors-stroke {0% {stroke: yellowgreen;}10% {stroke: gold;}75% {stroke: crimson;}}
@keyframes colors-stroke {0% {stroke: yellowgreen;}10% {stroke: gold;}75% {stroke: crimson;}}
@-webkit-keyframes colors-2 {0% {fill: yellow;}50% {fill: red;}65% {fill: orangered;}95% {fill: gold;}}
@keyframes colors-2 {0% {fill: yellow;} 50% {fill: red;}65% {fill: orangered;}95% {fill: gold;}}
@-webkit-keyframes colors-3 {0% {fill: yellowgreen;}50% {fill: turquoise;}65% {fill: yellow;}95% { fill: orange;}}
@keyframes colors-3 {0% {fill: yellowgreen;}50% {fill: turquoise;}65% {fill: yellow;}95% { fill: orange; }}
@-webkit-keyframes transform {10% {-webkit-transform: scale(0.75);transform: scale(0.75);}}
@keyframes transform {10% {-webkit-transform: scale(0.75);transform: scale(0.75);}}
@-webkit-keyframes transform-2 {40% {-webkit-transform: scale(0.85);transform: scale(0.85);}60% {stroke-width: 20;}}
@keyframes transform-2 {40% {-webkit-transform: scale(0.85); transform: scale(0.85);}60% {stroke-width: 20;}}
/*---------- 自定义组建 ----------*/
#zidingyi{width:95%; height: auto; margin: 5px auto;border: 1px solid #dbdbdb;}
#zidingyi_biaoti{width: 100%;background: #3f3f3f;}
#zidingyi_content{ height:auto; margin:4px;}
/* 侧边栏 自定义广告 */
#guanggao1{background: url(images/cundang.gif) no-repeat; margin-top: 20px; margin-bottom: 15px; margin-left: auto; margin-right:auto; padding:0px; width:230px; height:45px;}
#guanggao1 span{height:45px; font-size: 16px; text-shadow: 1px 1px 3px #000000; color: #FFFFFF; font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53; line-height: 41px; letter-spacing:3px;}
/* 侧边栏浮动跟随广告 */
#cb_gg {width: 94%; margin: 0 auto; padding: 0; height: auto ;font-size: 14px;border: 1px solid #3f3f3f;margin-bottom: 20px;}
#cb_gg img{margin: 0 auto;width: 94%;}
.gg_nr {margin: 0 auto; text-align: center }
.gg_nr li {width: 250px; height: 30px; line-height: 30px; margin: 6px 0 6px 9px; white-space: nowrap; -o-text-overflow: ellipsis; overflow: hidden }
.gg_nr li:hover {background: #c94f7a }
.gg_nr li a {padding: 0 5px 0 5px; color: #414141 }
.gg_nr li a:hover {color: #fff }
.wzgg1 {background: #e7cdb1 }
.wzgg2 {background: #b77599 }
.wzgg3 {background: #cbbcd5 }
.wzgg4 {background: #d1ceb2 }
/* --------- 时间--------- */
#cbl_sj3{width:266px;margin:15px auto;text-align:center;}
.clock3{color:#ffffff;font-family:"Lato",sans-serif;}
.clock3 div{background:#32B0EC;border-radius:6px;width:60px;height:50px;line-height:50px;text-align:center;font-size:36px;margin:0px 5px;}
/* --------- 日历 --------- */
#rili{width: 94%; height: auto; margin: 0 auto; padding: 0; }
#rili_biaoti{width: 100%;background: #3f3f3f;}
.calendartop{text-align:center; font-size: 14px;margin-left: 33%;}
.calendar{margin-top: 7px;width: 100%;}
.calendar td{font-size: 12px; text-align:center; padding:1px 5px; line-height: 2;}
.calendar td a{color:#3f3f3f; text-decoration:none;}
.calendar td a:hover{color:#fbb82d; text-decoration:none}
.day{background: url(images/bg_cal_today.gif) no-repeat 9px 1px;}
.day2{font-weight:bold;}
/* --------- 分类 --------- */
#fenlei{width: 250px; height: auto; margin: 0 auto; padding: 0; }
#fenlei_biaoti{width: 100%;background: #3f3f3f;}
#fenlei  ul{ margin: 5px 0; margin-left: 5px;}
#fenlei  ul li {  float: left;overflow: hidden;margin: 0;padding: 0; width: 50%; text-overflow: ellipsis;white-space: nowrap;line-height: 2.4;}
/* --------- 存档 --------- */
#cundang{width: 250px; height: auto; margin: 0 auto; padding: 0;}
#cundang_biaoti{width: 100%;background: #3f3f3f;}
#cundang_biankuang{padding: 8px 5px 8px 5px; margin:5px auto; text-align: left;font-size: 14px;}
#cundang_biankuang li{float:left; width: 49%;}
/* 首页搜索框 */
#sousuo2{margin-top:10px;margin-bottom:15px;margin-left:auto;margin-right:auto;padding:0;width:100%;height:auto}
#sousuo2 input{outline:0}
#sousuo2 input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;font-family:inherit;font-size:14px}
#sousuo2 input::-webkit-search-decoration,input::-webkit-search-cancel-button{display:none}
#sousuo2 input[type=search]{background:#edeee7 url(../search-icon.png) no-repeat 9px center;border:solid 1px #a6a08c;padding:5px 10px 5px 36px;width:150px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
#sousuo2 input[type=search]:focus{width:70%;background-color:#e9ede6;border-color:#0c7;-webkit-box-shadow:0 0 5px rgba(109,207,246,.5);-moz-box-shadow:0 0 5px rgba(109,207,246,.5);box-shadow:0 0 5px rgba(109,207,246,.5)}
/* 导航微信 */
#wxtp{width:auto;height:auto;text-align:center}
#wxtp .wxh1{color:#298556}
#wxtp .wxh2{color:#eb4c8c}position:absolute;z-index:888889;background:url(images/bg/striped_lens.png);background-color:#fff}
.tip_2 .wx_wz{margin:10px auto 20px auto;color:red}
#wxhm{font-size:16px;line-height:1.5;margin:10px 6px 15px 6px}
.tip{display:none;background-color:white;color:#333;width:270px;box-shadow:2px 5px 15px rgba(0,0,0,.5);position:absolute;top:0;right:294px;-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;z-index:999992; top: 30%;left: 49.3%;}
.tip .toubu{padding:0 0 12px 10px;font-size:20px;margin:8px 0 0 0;border-bottom:2px solid #89c315}.tip .toubu span{font-size:18px}.tip .toubu a[rel=close]{text-decoration:none;color:#999;float:right;cursor:pointer;padding-right:4px;font-weight:bold}.tip .toubu a[rel=close]:hover{color:#09F}.flipOutY,.flipInY{display:block}
.tip_2{display:none;width:0;height:0;}
/* 导航搜索 */
.soso_dh{display:none;background-color:white;color:#333;width: 600px;box-shadow: 2px 5px 15px rgba(0,0,0,.5);position:absolute;top:0;-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;z-index:999992; top: 50%;left: 29.5%;}
.soso_dh .toubu{padding:0 0 12px 10px;font-size:20px;margin:8px 0 0 0;border-bottom:2px solid #89c315}
.soso_dh .toubu span{font-size:18px}
.soso_dh .toubu a[rel=close]{text-decoration:none;color:#999;float:right;cursor:pointer;padding-right:4px;font-weight:bold}
.soso_dh .toubu a[rel=close]:hover{color:#09F}.flipOutY,.flipInY{display:block}
.soso_dh_2{display:none;width:0;height:0;}
/* 导航搜索框 */
.site-search{background-color: #fff;background-color: rgba(255,255,255,0.95);position: absolute;top:0;left:0;right:0;height: 100px;z-index: 1;}
.site-search.active{top: 108px;}
.site-search-form{padding: 25px 10%;}
.search-input{float:left;color:#999;border:solid 1px #ddd;width:82%;height: 41px;padding: 4px 12px;border-right: none;font-size: 16px;border-radius: 2px 0 0 2px;}
.search-input:focus{border-color: #3f3f3f;}
.search-btn{color:#fff;border: none;background: #3f3f3f;height: 40px;font-size: 16px;padding: 0 12px;border-radius: 0 2px 2px 0;width: 11%;}
.search-btn:hover, .search-btn:focus{color:#fff;opacity: 0.85;filter:alpha(opacity=85);}
.search-btn .fa{font-size: 16px;width: 16px;}
.site-search-form a{margin-left: 20px;color: #999;}
.site-search-form a:hover{color: #3f3f3f;}
.search .site-search{position: relative;margin: -15px 0 15px;border-bottom: 1px solid #eaeaea;}
/* --------- 侧边栏搜素框 --------- */
#sousuo{margin-top:5px;margin-bottom:5px;margin-left:auto;margin-right:auto;padding:0;padding-bottom:5px;text-align:center;}
#sousuo h3{text-align:left;padding:0 0 12px 8px}
#sidebar .search{background:url("images/search.png") no-repeat scroll 5px 6px transparent;border:1px solid #0cf;border-radius:3px 3px 3px 3px;font-size:14px;color: #0cf;height:30px;line-height:30px;padding:0 10px 0 28px;width:72%}
#sidebar .search:hover,#sidebar .search:active{background-image:url(images/search.png),url(images/qbl1.gif);background-repeat:no-repeat,no-repeat;background-position:5px 6px,center right;color:#6f906f;border:1px solid #3f3f3f}
#sidebar .search{cursor:url(img/zhizhen3.cur),auto}
.button{border-radius: 3px 3px 3px 3px;color:#fff;border: none;background: #3f3f3f;height: 30px;font-size: 16px;padding: 0 12px;}
.button:hover,.button:active{color: #FBB82D;border: none;background: #3f3f3f;height: 30px;font-size: 16px;padding: 0 12px;border-radius: 0 2px 2px 0;border-radius: 3px 3px 3px 3px;}
.button:active{background-color:#dadada;border-color:#b5b5b5;background-image:none;box-shadow:inset 0 3px 5px rgba(0,0,0,.15)}
.search{margin:5px 5px 0 5px;border:1px solid #dadada;width: 95%;}
.search input{width: 83%;height: 25px;border: none;background-color: rgba(255, 255, 255, 0.1); margin-top:0px;}
.searchicon{float:left;padding:2px 5px 2px 10px;min-width:15px;border:1px solid #dadada;line-height:21px;height: 21px;}
.searchicon i{height: 21px;line-height: 21px;}
/* --------- 侧边栏 统计 样式 --------- */
#tongji{width: 250px; height: auto; margin: 0 auto; padding: 0;}
#tongji_biaoti{width: 100%;background: #3f3f3f;}
#tongjibiankuang .neirong{ font-size: 13px; text-align: left; width: 250px;  *display:inline-block; line-height: 25px; margin: 15px auto 10px 10px;}
#tongjibiankuang .neirong li i{margin-right: 5px;}
#hongsezi{color:#D9271C;} #gxsj{color:#BF1967;}
/* --------- 友情链接样式 --------- */
#yqlj{width: 250px; height: auto; margin: 0 auto; padding: 0;}
#yqlj_biaoti{width: 100%;background: #3f3f3f;}
#yqlj_link ul{margin:5px 0;margin-left: 5px;}
#yqlj_link li {float: left;overflow: hidden; margin: 0; padding: 0; width: 50%; text-overflow: ellipsis; white-space: nowrap; line-height: 2.4;}
#yqlj_link li i{margin-right: 5px;}
#yqlj_link li a{color: #3f3f3f; text-decoration: none;}
#yqlj_link li a:hover{color: #7f7f7f;margin-left: 4px;}
#blogsort i,#link i,#record i{margin-right:2px;color:#ff742b;}.bulletin ul li img{vertical-align:top}.bulletin ul li a{color:#000}
#newcomment a{color:#000;}
#newcomment a:hover{color:#0cf;}
#newcomment .name{text-transform:uppercase;font-size:13px; float: left;}
#newcomment .time{color:#FF6A00;font-size:12px; float:right;width: 114px;}
#newcomment .avatar{float:left;margin:0 5px 0 5px;width:32px;height:32px;border:3px #fff solid;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(34,25,25,.5)}
#newcomment .avatar:hover{border-color:#0c0;-webkit-animation:myhk infinite 5s linear;animation:myhk infinite 5s linear}
#newcomment .content{position:relative;display:inline-block;padding:5px 5px 2px 5px;width:230px;border:solid #dfdfdf 1px;border-radius:2px;background:#fff}
#newcomment .content a{position:relative;display:inline-block;overflow:hidden;width:230px;text-overflow:ellipsis}
#newcomment .content myhk{position:absolute;top:-6px;left:18px;display:block;width:12px;height:7px;background:url(images/bg_msg2.gif) 0 -12px no-repeat}
.linkimg{max-width:16px;max-height:16px;padding-right:4px;position:relative;left:0;top:3px}
/* --------- 相邻文章按钮代码 --------- */
#shangxiapian{width:100%; height: 44px; text-align: left; margin-top: 20px; font-size:14px; overflow: hidden;}
#wzlj1{float:left; width:40%!important;line-height: 34px;padding:0 30px 0 10px; height: 34px;background: #eee; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;width: auto;}
#wzlj1:hover,#wzlj2:hover{background: #61b3e6}
#wzlj1 a:hover,#wzlj2 a:hover{color: #0cf;}
#wzlj2{float:right;width:40%!important;line-height: 34px;padding:0 10px 0 30px;text-align: right;background: #eee; height: 34px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;width: auto;}
#shangxiapian2{width:100%; height: 34px; line-height: 37px; text-align: left; margin-top: 50px;}
#shangxiapian2  span{float:right;}
#shangxiapian_2{width:100%; height:auto; margin-top:30px; padding:0px;}
.readmore{display:none;}
.post-navigation a{position:fixed;bottom:20%;display:block;outline:0;text-align:left;z-index:1000;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.post-navigation a.prev{left:0}.post-navigation a.next{right:0}.post-navigation a{width:50px;height:100px}.post-navigation .icon-wrap{position:relative;display:block;width:100%;height:100%}.post-navigation a::before,.post-navigation a::after,.post-navigation .icon-wrap::before,.post-navigation .icon-wrap::after{position:absolute;left:50%;width:3px;height:50%;background:#bbb;content:'';-webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.post-navigation .icon-wrap::before,.post-navigation .icon-wrap::after{z-index:100;height:0;background:#0c0;-webkit-transition:height .3s,-webkit-transform .3s;transition:height .3s,transform .3s}.post-navigation a::before,.post-navigation .icon-wrap::before{top:50%;-webkit-transform:translateX(-50%) rotate(-135deg);transform:translateX(-50%) rotate(-135deg);-webkit-transform-origin:50% 0;transform-origin:50% 0}.post-navigation a.next::before,.post-navigation a.next .icon-wrap::before{-webkit-transform:translateX(-50%) rotate(135deg);transform:translateX(-50%) rotate(135deg);-webkit-transform-origin:50% 0;transform-origin:50% 0}.post-navigation a::after,.post-navigation .icon-wrap::after{top:50%;-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg);-webkit-transform-origin:0 0;transform-origin:0 0}.post-navigation a.next::after,.post-navigation a.next .icon-wrap::after{-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);-webkit-transform-origin:100% 0;transform-origin:100% 0}.post-navigation h3{width:150px;position:absolute;top:50%;margin:0;color:#0c0;text-transform:uppercase;font-weight:300;font-size:.85em;opacity:0;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s}.post-navigation a.prev h3{left:100%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.post-navigation a.next h3{right:100%;text-align:right;-webkit-transform:translateY(-50%) translateX(50%);transform:translateY(-50%) translateX(50%)}.post-navigation a:hover .icon-wrap::before,.post-navigation a:hover .icon-wrap::after{height:50%}.post-navigation a:hover::before,.post-navigation a:hover .icon-wrap::before{-webkit-transform:translateX(-50%) rotate(-125deg);transform:translateX(-50%) rotate(-125deg)}.post-navigation a.next:hover::before,.post-navigation a.next:hover .icon-wrap::before{-webkit-transform:translateX(-50%) rotate(125deg);transform:translateX(-50%) rotate(125deg)}.post-navigation a:hover::after,.post-navigation a:hover .icon-wrap::after{-webkit-transform:translateX(-50%) rotate(-55deg);transform:translateX(-50%) rotate(-55deg)}.post-navigation a.next:hover::after,.post-navigation a.next:hover .icon-wrap::after{-webkit-transform:translateX(-50%) rotate(55deg);transform:translateX(-50%) rotate(55deg)}.post-navigation a:hover h3{opacity:1;-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0)}
.post-related h3{margin:10px 0 0 0;padding-bottom:5px;border-bottom:3px double #ccc;color:#000;font-weight:bold;font-size:18px;}
.post-related a{color:#000;}
.post-related li{float:left;margin-top:10px;width:50%;list-style:none!important;}
.post-related li .title{overflow:hidden;margin:-55px 0 0 52px;text-overflow:ellipsis;white-space:nowrap;}
.post-related li .title a:hover{color:#0c0;}
.post-related li .modified{overflow:hidden;margin:-2px 0 0 52px;color:#999aaa;text-overflow:ellipsis;white-space:nowrap;}
.post-related li .thumb img{padding:2px;width:40px;height:40px;border:1px #fff solid;background:#fff;box-shadow:0 1px 3px rgba(34,25,25,0.5);}
.post-related li .thumb img:hover{border-color:#0c0;}
/*热门文章*/
.post-related{height: auto;background: rgba(255, 255, 255,0.8);padding: 10px 10px 20px; border-radius: 5px; margin:20px 0;}
.post-related h3{margin:0;padding-bottom:5px;border-bottom: 1px double #3f3f3f;color:#3f3f3f;font-weight:bold;font-size: 16px;                                    }
.post-related a{color:#000;}
.post-related li{float:left;margin-top:23px;width:50%;list-style:none!important;}
.post-related li .title{overflow:hidden;margin:-49px 20px 0 52px;line-height: 30px;text-overflow:ellipsis;white-space:nowrap;font-weight: normal;font-size: 14px;font-style: normal;}
.post-related li .title a:hover{color:#0cf;}
.post-related li .modified{overflow:hidden;margin:-2px 0 0 52px;color:#999aaa;text-overflow:ellipsis;white-space:nowrap;}
.post-related li #thumb img{padding:2px;width:40px;height:40px;border:1px #fff solid;background:#fff;box-shadow:0 1px 3px rgba(34,25,25,0.5);}
.post-related li #thumb img:hover{border-color:#0cf;}
.one-star,.two-star,.three-star,.four-star,.five-star{position:absolute;overflow:hidden;margin-top:5px;height:14px;background:url(images/star.png) repeat-x;}
.one-star{width:13px;}
.two-star{width:26px;}
.three-star{width:39px;}
.four-star{width:52px;}
.five-star{width:65px;}
/*end*/
#sidebar ul { overflow: hidden;}
#tagContent1,#tagContent2{display: none;}
#tags{border-bottom: 1px solid #3f3f3f;}
#sidebar .tab_nav ul{color:#EEE;}
#sidebar .tab_nav ul{font-size:12px;margin: 0 auto;}
#sidebar .tab_nav li{text-align:center;width:33%;height:30px;line-height:30px;float:left;border-right:1px solid #3f3f3f;color:#000;}
#sidebar .tab_nav li:last-child{border-right: none;}
#sidebar .tab_nav li i{margin-right:3px;}
#sidebar .tagContent {overflow: hidden;height: 215px;}
#sidebar .tagContent ul {width: 100%;padding: 2px 0;border-bottom: none;animation: fadeInUp 0.5s;}
#sidebar .tagContent li { border-bottom: 1px dashed #3f3f3f;overflow: hidden;text-overflow: ellipsis; margin: 0 5px; white-space: nowrap;line-height: 25px;}
#sidebar .tagContent li a{color: #3f3f3f;font-size: 12px;}
#sidebar .tagContent li a:hover{color:#0cf;font-size: 12px;margin-left: 4px;}
#sidebar .tagContent i{height:16px; line-height:16px;font-size:16px;}
#sidebar .tagContent li:nth-child(1) i{color:#A8E957;}
#sidebar .tagContent li:nth-child(2) i{color:#8DCFFB;}
#sidebar .tagContent li:nth-child(3) i{color:#FFCB96;}
#sidebar .tagContent li:nth-child(4) i{color:#FFC2D8;}
#sidebar .tagContent li:nth-child(5) i{color:#86F5F0;}
#sidebar .tagContent li:nth-child(6) i{color:#E4B6FF;}
#sidebar .tagContent li:nth-child(7) i{color:#91ECFA;}
#sidebar .tagContent li:nth-child(8) i{color:#FF9595;}
/*contentleft虚线*/
#content {border-radius: 5px;position: relative;margin: 10px auto; max-width: 1200px; background-color: #fff;}
#content:before {border-radius: 5px 0 5px 0;
    position: absolute;
    opacity: 0.8;
    right: 0;
    bottom: 0;
    z-index: 3;
    width: 35px;
    height: 35px;
    background: #fff;
    background: -webkit-linear-gradient(135deg,#fff 45%,#999aaa 50%,#ccc 56%,#fff 80%);
    background: linear-gradient(315deg,#fff 45%,#999aaa 50%,#ccc 56%,#fff 80%);
    box-shadow: -1px -1px 1px rgba(0,0,0,.4);
    content: '';
    pointer-events: none;
    pointer-events: none;}
#content:after {
    border-radius: 5px;
    position: absolute;
    opacity: 0.8;
    top: 8px;
    left: 8px;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
}

/*自定义字体图标*/
@font-face
{
	font-family: "font-icon";
	src: url("/content/templates/haiyun/fonts/iconfont.eot"); /* IE9 兼容模式 */
	src: url("/content/templates/haiyun/fonts/iconfont.eot") format("embedded-opentype"),
			url("/content/templates/haiyun/fonts/iconfont.woff") format("woff"),
			url("/content/templates/haiyun/fonts/iconfont.ttf") format("truetype"),
			url("/content/templates/haiyun/fonts/iconfont.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
.lvye-icon
{
	font-family: "font-icon";
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}
/*首页icon*/
.icon-leaf:before{content:'\e60f';}
.icon-flower:before{content:'\e619';}
.icon-pen:before{content:'\e614';}
.icon-tool:before{content:'\e60c';}
.icon-download:before{content:'\e616';}
.icon-bannerLeft:before{content:'\e61b';}
.icon-bannerRight:before{content:'\e61a';}
.icon-heart:before{content:'\e600';}
.icon-chat:before{content:'\e603';}
.icon-write:before{content:'\e609';}
.icon-top:before{content:'\e607';}
.icon-leftQuote:before{content:'\e60d';}
.icon-rightQuote:before{content:'\e60e';}
/*公用icon*/
.icon-doubleArrow:before{content:'\e602';}
.icon-notice:before{content:'\e612';}
/*文章页*/
.icon-author:before{content:'\e613';}
.icon-good:before{content:'\e601';}
.icon-view:before{content:'\e61c';}
.icon-comment:before{content:'\e605';}
.icon-alert:before{content:'\e60b';}
.icon-arrow:before{content:'\e610';}
.icon-fullStar:before{content:'\e60a';}
.icon-halfStar:before{content:'\e611';}
.icon-fire:before{content:'\e606';}
.icon-leftArrow:before{content:'\e618';}
.icon-rightArrow:before{content:'\e617';}
.icon-file:before{content:'\e608';}
.icon-fork:before{content:'\615';}
.icon-home:before{content:'\e604';}
#biankuang i{height:16px; line-height:16px; margin-right:8px;font-size:16px;}
#biankuang li:nth-child(1) i{color:#A8E957;}
#biankuang li:nth-child(2) i{color:#8DCFFB;}
#biankuang li:nth-child(3) i{color:#FFCB96;}
#biankuang li:nth-child(4) i{color:#FFC2D8;}
#biankuang li:nth-child(5) i{color:#86F5F0;}
#biankuang li:nth-child(6) i{color:#E4B6FF;}
#biankuang li:nth-child(7) i{color:#91ECFA;}
#biankuang li:nth-child(8) i{color:#FF9595;}
#nav ul,li{ list-style: none;margin:0;padding: 0;}
#nav .bar{float: left;border-radius: 5px; margin-left: 0px;padding: 0 10px 0 10px;z-index: 100;display:inline-block;-webkit-box-sizing: border-box;box-sizing: border-box;width: 66%;height: 50px;letter-spacing: -0.02em;font-weight: 400;font-style: normal; font-size: 16px;}
.m-nav{float:right;display:block;width:310px;text-align:right;font-size:14px;}
.m-nav li{display:inline-block;margin: 0px 10px 0px 0px;height:36px;*display:inline;*zoom:1;float: right;}
.m-nav li a{float:left;padding:10px;border-bottom:3px solid #f6f5f4;color:#000;white-space:nowrap;transition:all .3s ease 0;}
.m-nav li a:hover{color:#f6f5f4;border-bottom-width:6px;}
.m-nav li:nth-child(4n+1) a{border-color:#70b90d;}
.m-nav li:nth-child(4n+1) a:hover{color:#70b90d;}
.m-nav li:nth-child(4n+2) a{border-color:#fbb82d;}
.m-nav li:nth-child(4n+2) a:hover{color:#fbb82d;}
.m-nav li:nth-child(4n+3) a{border-color:#17a7dd;}
.m-nav li:nth-child(4n+3) a:hover{color:#17a7dd;}
.m-nav li:nth-child(4n+4) a{border-color:#70b90d;}
.m-nav li:nth-child(4n+4) a:hover{color:#70b90d;}
.m-nav li:first-child a{border-color:#ee9285;}
.m-nav li:first-child a:hover{color:#e14938;}
/*首页滚动微语：*/
#header .text {overflow: hidden;margin: 0 15px;margin-top: 15px;height: 23px;color: #FFF;line-height: 1.5;animation: fadeInUp 1.5s;}
/*首页滚动微语*/
.text ul li { overflow: hidden;width: 740px; text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.text ul li a{font-size: 18px;font-family:"隶书",Georgia,Serif;color: #fff;}
/*---the end*/
/*侧边栏自定义样式*/
#siderbar{background: #fff;border-bottom: 1px dashed #888;padding-bottom: 10px;}
#sidebar #widget,#rili,#cundang,#pinglun,#yqlj,#tongji,#biaoqian,#fenlei,#weiyu,#zuixinwenzhang,#remenwenzhang,#suijiwenzhang{width: 95%;margin: 8px auto;border: 1px solid #3f3f3f;padding-bottom:  10px ;}
#biankuang{ overflow: hidden;text-overflow: ellipsis;border: 1px solid #dbdbdbaea;margin: 0 5px;white-space: nowrap;}
#biankuang li{overflow: hidden;text-overflow: ellipsis;border: 1px solid #dbdbdbaea;margin: 0 5px;white-space: nowrap;}
#biankuang li a:hover{color:#0cf;margin-left: 4px;}
/*widget标题*/
#sidebar .tab_nav .selectTag{color:#000;border-bottom:none;}
#sidebar .tab_nav .selectTag a{color:#17A7DD;font-weight: bold;}
#sidebar .icon {min-width: 5px;line-height: 5px;height: 5px;margin-right: 10px;}
#sidebar .icon i{line-height: 20px;height: 20px;}
#sidebar .h3{font-size: 14px;color: #fff;border-bottom: 1px solid #3f3f3f; margin: 0;padding: 5px;text-align: center;font-family: "Classic Grotesque W01","Hiragino Sans GB","STHeiti","Microsoft YaHei","WenQuanYi Micro Hei",Arial,SimSun,sans-serif;}
/*nav2导航主体*/
#nav2 {overflow: hidden;position: absolute;margin-top: 0;text-align: left;z-index: 9999;left: -101%;width: 99.7%;height: 100%;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;background: #fff;opacity: 0.9;border: 1px solid #999;}
#sousuo2{text-align: center;}
#mheader{text-align: center;background-color: #fff;border: 1px solid #d7d7d7;}
#mheader #logo img {width: 100%;height: auto;margin-top: 5px; width: auto;}
.open{overflow-x: hidden;-webkit-transform: translate3D(100%,0,0);-moz-transform: translate3D(100%,0,0);transform: translate3D(100%,0,0);}
.fa-list-ul {float: right; margin: 15px;}
/*800px下导航*/
#nav2 {width:100%;margin: 0 auto;}
#nav2 .sub-nav{background-color: #fff!important;}
#nav2 .menu {padding:10px 0;  overflow:hidden;width:99%;margin: 0 auto;}
#nav2 ul li:first-child{border-top: 1px solid #789;}
#nav2 ul li ul li:last-child{border-bottom: none;}
#nav2  ul li:hover{box-shadow:inset 0 0 15px 3px #ebebeb;color:#000;}
#nav2 .menu ul li {margin:5px 0; font-size:0.875em; position:relative;border-bottom: 1px solid #789;line-height: 25px;}
#nav2 .menu ul li i {position:absolute; right:10px; top:8px;}
#nav2 .menu ul li a i {display:none;}
#nav2 .menu ul li a {color:#444; display:block;  padding:5px;margin-left: 20px;}
#nav2 .menu ul li li a {padding:5px 5px 5px 20px;font-size: 10px;}
/*轮播图css*/
.carousel{border:1px solid #eaeaea;padding:2px;margin-bottom:20px}
.carousel-inner{width:100%}
.carousel-inner>.item{position:relative;display:none;text-align:center;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1;width:100%;height:305px;}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
.carousel-inner>.active{left:0}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
.carousel-inner>.next{left:100%}
.carousel-inner>.prev{left:-100%}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
.carousel-inner>.active.left{left:-100%}
.carousel-inner>.active.right{left:100%}
.carousel-control{position:absolute;top:50%;left:2px;width:30px;height:50px;margin-top:-30px;font-size:20px;color:#fff;text-align:center;filter:alpha(opacity=35);opacity:.35;background-color:#000}
.carousel-control.right{right:2px;left:auto}
.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=70);outline:0;opacity:.7}
.carousel-control .fa-angle-left,.carousel-control .fa-angle-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;margin-top:-10px;left:12px;z-index:5;display:inline-block}
.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;margin-top:-10px;font-family:serif}
.carousel-control .icon-prev:before{content:'\2039'}
.carousel-control .icon-next:before{content:'\203a'}
.carousel-indicators{position:absolute;margin-bottom:0;bottom:0;right:5px;z-index:15;/*width:90px;*/width: 78%;height:40px;padding:11px 0 0;text-align:right}
.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:15px 5px 0 0;text-indent:-999px;background-color:transparent;border:1px solid #fff;border-radius:10px}
.carousel-indicators .active{background-color:#fff}
.carousel-caption{position:absolute;right:0;bottom:0;left:0;z-index:10;text-align:left;padding:10px;margin-right:100px;overflow:hidden;color:#fff;font-size:16px;animation: fadeInDown 1s;}
.asb,.asb-your,.branding{text-align:center}
.carousel-bg{position:absolute;right:0;bottom:0;left:0;height:40px;z-index:9;background-color:#000;filter:alpha(opacity=30);opacity:.3}
.site-navbar li:hover,.topmenu li:hover{z-index:2}
.brand,.content,.sidebar,.site-navbar li{position:relative}
.carousel-caption .btn{text-shadow:none}
.carousel,.carousel-inner,.container,.header,.label{position:relative;overflow:hidden}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
  20% { -webkit-transform: scaleY(1.0) }
}
 
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
.colorful_loading_frame{position:fixed;top:0;left:0;z-index:9999;display:none;width:100%;height:100%;background:rgba(0,0,0,.5);color:red;text-align:center;font-size:2em}
.colorful_loading{margin:25% auto;width:50px;height:60px;text-align:center;font-size:10px}
.colorful_loading i{display:inline-block;margin-right:3px;width:6px;height:100%;background-color:#fff;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}
.colorful_loading .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.colorful_loading .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
.colorful_loading .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}
.colorful_loading .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}
.post-list{padding: 10px; overflow: hidden; margin-bottom: 15px;position:relative;background: #fff;color:#7f7f7f; border-bottom:1px solid #3f3f3f;box-shadow: 0 0 5px rgba(51, 51, 51, 0.15);-webkit-box-shadow: 0 0 5px rgba(51, 51, 51, 0.15);-webkit-transition: 0.5s; -o-transition: 0.5s;transition: 0.5s;animation: zoomInUp 1s;}
.post-list:hover{-webkit-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);-moz-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);}
.post-label a{padding:5px 10px;color:#fff;background: rgba(0, 0, 0, 0.35);}
.post-label{position:absolute;top:25px;left:11px;padding:0;}
.btn-cat b{font-size:12px;padding:4px 12px;color:#fff;background:#ff746e;border-radius:2px;}
.btn-cat:nth-child(4n+1) b{background:#70b90d;}
.btn-cat:nth-child(4n+2) b{background:#fbb82d;}
.btn-cat:nth-child(4n+3) b{background:#17a7dd;}
.btn-cat:nth-child(4n+4) b{background:#ff746e;}
#w-loading{position:absolute;width:100%;}
#w-loading div{padding-top:4px}
.topfixed{background:#fff;position: fixed;width: 100%;top:0;border-bottom: 1px solid #fff; transition-duration:0.6s;animation: fadeInDown 1s;}

.prettyprint,pre.prettyprint { background-color: #272822; border: 1px solid #272822;overflow: hidden;padding: 8px;}
.prettyprint.linenums,pre.prettyprint.linenums {-webkit-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;-moz-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;}
.prettyprint.linenums ol,pre.prettyprint.linenums ol { margin: 0 0 0 33px; }
.prettyprint.linenums ol li,pre.prettyprint.linenums ol li { padding-left: 12px;color: #fff;line-height: 20px;margin-left: 0;list-style: decimal; background-color: #222;}
.prettyprint .com { color: #93a1a1; }
.prettyprint .lit { color: #AE81FF; }
.prettyprint .pun,
.prettyprint .opn, 
.prettyprint .clo { color: #F8F8F2; }
.prettyprint .fun { color: #dc322f; }
.prettyprint .str, 
.prettyprint .atv { color: #E6DB74; }
.prettyprint .kwd, 
.prettyprint .tag { color: #F92659; }
.prettyprint .typ, 
.prettyprint .atn, 
.prettyprint .dec, 
.prettyprint .var { color: #A6E22E; }
.prettyprint .pln { color: #66D9EF; }
/*评论框*/
#comments{margin-top: 20px;}
#comments .plk_waikuang{color: #FFFFFF;text-align:left;font-weight:bold;font-size: 18px;background: rgba(69, 182, 247, 0.58);height: 30px;border-radius: 2px;}
#comments .plk_waikuang i{margin-left: 6px;}
#comments blockquote{margin:2px 0 0 0;padding:3px 10px;border:1px solid #eee;border-left:3px solid #ccc;background:#f8f8f8;}
#comments code{padding:2px 4px;border:1px solid #d6d6d6;background-color:#f7f7f9;color:#d14;font:12px Arial,Microsoft JhengHei;}
.sing2{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.commentlist{position:relative;overflow:hidden;margin:0 auto 0;padding:25px 65px 30px 0;height:auto;}
.commentlist .timeline{position:absolute;left:57px;float:left;display:block;width:4px;height:95%;background:#bbb;font-size:0;}
.commentlist .timeline_container{text-align:left;margin:0 auto;width:29px;display:block;}
.commentlist .timeline div.plus{position:absolute;width:29px;background:url(images/timeline.png) 0 -35px;height:10px;top:0;left:-11px}
.commentlist .timeline div.plus2{position:absolute;width:10px;bottom:0;background:url(images/timeline.png) -29px -26px;height:10px;left:-3px}
.commentlist .comment{padding:10px 0 0 0;}
.commentlist .comment-body{position:relative;left:75px;line-height: 20px;display:inline-block;padding:5px 10px 10px 10px;width:auto;margin-right:10px;min-width:170px;border:solid #dfdfdf 1px;border-radius:2px;background:#f7f7f9;}
.commentlist .comment-body1{position:relative;left:75px;line-height: 20px;display:inline-block;margin-right:10px;padding:10px;width:auto;min-width:170px;border:solid #dfdfdf 1px;border-radius:2px;background:#fff;}
.commentlist .comment-body h4{color:#999aaa;font-size:12px;}
.commentlist .comment-body1 h4{margin:-55px 0 0 55px;color:#999aaa;font-size:12px;}
.commentlist .comment-body .timer{border-bottom:1px dotted #ddd;color:#999aaa;font-size:12px;}
.commentlist .comment-body .timer a,.commentlist .comment-body1 .timer a{color:#999aaa;}
.commentlist .comment-body1 .timer{margin:0 0 0 55px;border-bottom:1px dotted #ddd;color:#999aaa;font-size:12px;}
.commentlist .comment-body .lv{color:#999aaa;font-size:12px;}
.commentlist .comment-body .admin,.commentlist .comment-body1 .admin{color:#999aaa;font-size:10px;margin-right: -20px;}
.commentlist .comment-body .name a{color:#000;text-transform:uppercase;font-weight:bold;font-size:12px;}
.commentlist .comment-body .name a:hover,.commentlist .comment-body1 .myhkname a:hover{color:#0c0;}
.commentlist .comment-body .name{margin-left:20px;color:#0c0;text-transform:uppercase;font-weight:bold;font-size:12px;}
.commentlist .comment-body .myhkname a{color:#e04620;text-transform:uppercase;font-weight:bold;font-size:12px;margin-left: 20px;}
.commentlist .comment-body1 .myhkname a{color:#e04620;text-transform:uppercase;font-weight:bold;font-size:12px;margin-left: 20px;}
.commentlist .comment-body1 .avatar{width:40px;height:40px;border:3px #fff solid;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(34,25,25,0.5);}
.commentlist .comment-body .avatar1{position:absolute;top:50%;left:-75px;display:block;overflow:hidden;margin-top:-15px;width:40px;height:40px;border:3px #fff solid;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(34,25,25,0.5);}
.commentlist .comment-body .content{display:block;padding:5px;border-radius:2px;background:#f7f7f9;font-size:14px;}
.commentlist .comment-body1 .content{display:block;padding:5px;border-radius:2px;background:#fff;font-size:12px;margin-left: 55px;}
.commentlist .comment-body .content .comment-img,.commentlist .comment-body1 .content .comment-img{margin:5px 5px 0 5px;height:auto;max-width:300px;border:1px #fff solid;border-radius:2px;background:#fff;box-shadow:0 1px 3px rgba(34,25,25,0.5);}
.commentlist .comment-body .content .comment-img:hover,.commentlist .comment-body1 .content .comment-img:hover{border-color:#0c0;}
.commentlist .comment-body myhk{position:absolute;top:50%;left:-7px;display:block;overflow:hidden;width:7px;height:11px;background:url(images/bg_msg2.gif) 0 0 no-repeat;}
.commentlist .comment-body1 myhk{position:absolute;top:-6px;left:28px;display:block;overflow:hidden;width:12px;height:7px;background:url(images/bg_msg2.gif) 0 -12px no-repeat;}
.commentlist .comment-body1 em1{display:none;}
.commentlist .comment-body em1{position:absolute;top:50%;left:-22px;display:block;overflow:hidden;margin-top:-7px;width:12px;height:18px;background:url(images/timeline.png) -36px 0;}
.commentlist .comment-body1 .avatar:hover,.commentlist .comment-body .avatar1:hover{border-color:#0cf;-webkit-animation:myhk infinite 5s linear;animation:myhk infinite 5s linear;animation: rubberBand 1s;}
.commentlist .comment-body .reply,.commentlist .comment-body1 .reply{float:right;margin:-40px 0 0 0;color:#0c0;font-size:12px;}
.commentlist .comment-body .reply a,.commentlist .comment-body1 .reply a{color:#0c0;opacity:0;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;filter:alpha(opacity=0);}
.commentlist .comment-body .floor{color:#999aaa;font-weight:bold;font-size:12px;}
.commentlist .comment-body .reply a:hover,.commentlist .comment-body1 .reply a:hover{color:#e04620;}
.commentlist .comment-body .cancel-reply,.commentlist .comment-body1 .cancel-reply{float:right;margin:-24px 0 0 0}
.commentlist .comment-body .cancel-reply a,.commentlist .comment-body1 .cancel-reply a{color:#0cf;}
.commentlist .comment-body .cancel-reply a:hover,.commentlist .comment-body1 .cancel-reply a:hover{color:#e04620;}
.commentlist .comment-body:hover .reply a,.commentlist .comment-body1:hover .reply a{opacity:1;filter:alpha(opacity=100);}
.commentlist .comment-body:hover .timer a,.commentlist .comment-body1:hover .timer a{color:#0cf;}
.commentlist .comment-body:hover .sign2,.commentlist .comment-body1:hover .sign2{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:none;}
.commentlist .comment-body .sign2,.commentlist .comment-body1 .sign2{color:#999aaa;margin:5px 0 -15px -5px;font-size:12px;border-top:1px dotted #ddd}
.commentlist .comment-body .admin img,.commentlist .comment-body1 .admin img,.commentlist .comment-body .sign2 img,.commentlist .comment-body1 .sign2 img{width:11px;height:11px;}
.face1{vertical-align:middle;width:18px;height:18px;margin-top: -5px;}
.forum_level{margin-top:-12px;background-position:0px 0px;position:absolute;top:18px;width:16px;height:16px;background:url(images/cont.png) no-repeat}
.lv2{background-position:-24px 0!important}
.lv3{background-position:-48px 0!important}
.lv4{background-position:-72px 0!important}
.lv5{background-position:-96px 0!important}
.lv6{background-position:-120px 0!important}
.lv7{background-position:-144px 0!important}
.lv8{background-position:-168px 0!important}
.lv9{background-position:-192px 0!important}
.lv10{background-position:-216px 0!important}
.lv11{background-position:0 -25px!important}
.lv12{background-position:-24px -25px!important}
.lv13{background-position:-48px -25px!important}
.lv14{background-position:-72px -25px!important}
.lv15{background-position:-96px -25px!important}
.lv16{background-position:-120px -25px!important}
.lv17{background-position:-144px -25px!important}
.lv18{background-position:-168px -25px!important}
.lv19{background-position:-192px -25px!important}
.lv20{background-position:-216px -25px!important}
.lvnull{background:none;width:0;height:0;margin-left:2px;font-size:14px;}
#wenkmPlayer .status{opacity:.3;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;filter:alpha(opacity=30);}
#wenkmPlayer:hover .status{opacity:1;filter:alpha(opacity=100);}
.commentnav{float:right;margin:20px 0 -10px 0;}
.commentnav a,.commentnav span,.commentnav em{display:inline-block;margin-left:2px;padding:0 7px;min-width:14px;border:1px solid #ddd;text-align:center;font-size:12px;line-height:27px;}
.commentnav a{color:#000;}
.commentnav span,.commentnav a:hover{background:none repeat scroll 0 0 #f8f8f8;border-bottom-color:#0c0;}
#comment-post{border: 1px solid #3f3f3f;margin: 20px 0 10px 0;border-radius: 4px;}
#comment-post h1{margin:10px auto;margin-bottom: 10px;font-size:18px;}
#comment-post .tex {margin-right: 2px; padding: 5px 2px 5px 52px; border: #ddd 1px solid; border-radius: 2px;box-shadow: inset 0 1px 1px #f6f6f6}
#comment-post label {margin-left:-95%;;font-size: 12px}
#comment-post textarea{resize: none;position:relative;overflow-y:hidden;margin:0 10px -1px 0;padding:4px;width:100%;height:80px;border:#ddd 1px solid;border-radius:2px 2px 0 0;background: url(images/signature.png)no-repeat right;}
#comment-post .sbsb{padding:2px;height:30px;border:#ddd 1px solid;border-top:0;border-radius:0 0 2px 2px;background-color: #fff}
#comment-post .sbsb i{margin-top:5px;}
#commentform input:focus{border-color:#0c0;box-shadow:0 0 5px #0c0;}
#commentform input:focus:invalid{border-color:#b03535;box-shadow:0 0 5px #d45252;}
.num1{position:relative;float: left;color: #fff;font-size: 15px;margin: 6px 0px 5px 6px;}
.num2{position:relative;float: right;color: #fff;font-size: 6px;margin: 8px 7px 4px 6px;}
.face{float:left;margin:5px 0 0 6px;width:26px;height:26px;border-right:1px solid #ddd;font-size:16px;}
.zujian{float:left;margin:5px 0 0 6px;width:26px;height:26px;border-right:1px solid #ddd;font-size:16px;}
.face:hover,.zujian:hover{color:#0cf;}
#submit,#reset{background-color: #fff;font-weight: 550;color:#555;float:right;margin-top: -2px;padding: 0px 10px 0px 10px;line-height: 30px;height: 35px;border-color:#ddd;border-style:solid;border-width:0 0 0 1px;}
#submit:hover,#reset:hover{background-color: #eee;color: #0cf}
.tijiao {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    display: none;
    margin: -130px 0 0 -145px;
    padding: 20px;
    width: 250px;
    height: auto;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(34,25,25,.5)
}
.emailavatar {
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
    border-radius: 50%;
    margin: 0 -1px 0 -1px;
    display: none;
}
.tijiao p { margin-top: 10px}
.close2 {margin-top: -5px!important; padding-bottom: 5px; border-bottom: 1px solid #eee; color: #666; font-weight: 700;  font-size: 18px;}
.close2 span {font-weight: 400;font-size: 12px}
.close2 a {
    float: right;
    display: block;
    width: 19px;
    height: 19px;
    background: url(images/close.png) no-repeat;
    -webkit-transition: all .6s ease-in-out 0s;
    -moz-transition: all .6s ease-in-out 0s;
    transition: all .6s ease-in-out 0s
}

.close2 a:hover {
    -webkit-transform: rotate(-270deg);
    -moz-transform: rotate(-270deg);
    -o-transform: rotate(-270deg);
    transform: rotate(-270deg);
    -ms-transform: rotate(-270deg)
}

#usb {
    float: left;
    margin-right: 33px;
    padding: 0 10px 0 10px;
    height: 33px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #f6f6f6;
    background-image: -moz-linear-gradient(top,#fff,#f6f6f6);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#f6f6f6));
    background-image: -ms-linear-gradient(top,#fff,#f6f6f6);
    color: #555;
    font-weight: 700;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f6f6f6',GradientType='0')
}

#usb:hover {
    background-image: -moz-linear-gradient(top,#f9f9f9,#eee);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f9f9),color-stop(1,#eee));
    background-image: -ms-linear-gradient(top,#f9f9f9,#eee);
    color: #0c0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#eeeeee',GradientType='0')
}

.smile {
    z-index: 999099;
    padding: 5px
}

.smile img {
    padding: 2px;
    width: 22px;
    height: 22px;
    border: 1px solid #f6f6f6
}

.smile img:hover {
    border: 1px solid #0c0
}

.smile .arrow {
    position: absolute;
    top: 50px;
    left: -6px;
    overflow: hidden;
    width: 6px;
    height: 11px;
    background: url(images/bg_msg2.gif) -13px -9px no-repeat
}

.smilebg {
    position: absolute;
    z-index: 999;
    display: none;
    margin: -40px 0 0 36px;
    width: 200px;
    height: 105px;
    border: solid #ddd 1px;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 0 10px #f1f1f1;
    line-height: 20px
}

.facer {
    vertical-align: text-bottom
}

.ajaxloading {
    display: none;
    padding-left: 20px;
    background: url(images/loading.gif) no-repeat left center;
    font-size: 12px
}

.error {
    display: none;
    padding-left: 20px;
    background: url(images/error.png) no-repeat left center;
    font-size: 12px
}

/*归档*/
.archives ul{overflow:hidden;padding:0px !important;}
.archives-title{border-bottom:1px #eee solid;position:relative;padding-bottom:4px;margin-bottom:10px}
.archives li a{color:#222222;padding:8px 0;display:block;}
.archives li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;list-style:none !important}
.archives li a:hover .atitle:after{background:#cc0000}
.archives li a span{display:inline-block;width:130px;font-size:12px;text-indent:20px}
.archives li a .atitle{display:inline-block;padding:0 15px;position:relative;white-space:nowrap;width:calc(100% - 180px);}
.archives li a .atitle:after{position:absolute;left:-6px;background:#ccc;height:8px;width:8px;border-radius:6px;top:8px;content:""}
.archives li a .atitle:before{position:absolute;left:-8px;background:#fff;height:12px;width:12px;border-radius:6px;top:6px;content:"";box-shadow:inset 0px 0px 2px #00cc00;}
.archives{position:relative;padding:10px 0}
.archives:before{height:100%;width:4px;background:#fff;position:absolute;left:126px;content:"";top:0;}
.archives h4{position:relative;margin:10px 0;cursor:pointer;font-size:14px !important;font-weight:bold !important;width:120px}
.archives h4:hover:after{background:#cc0000}
.archives h4:before{position:absolute;left:119px;background:#fff;height:18px;width:18px;border-radius:9px;top:3px;content:"";box-shadow:inset 0px 0px 4px #00cc00;}
.archives h4:after{position:absolute;left:122px;background:#ccc;height:12px;width:12px;border-radius:6px;top:6px;content:""}
/*changebg*/
#mypro{display: none;}
/*2016年4月11日07:45:37;相册修正*/
#album{overflow:hidden;width:1080px;}
#album .new{display:none;}
#album .new:hover{box-shadow:none;}
#album li{float:left;}
#album li p.cover{overflow:hidden;padding:5px;width:170px;height:110px;border:1px solid #FFF;border-radius:5px;background-color:#fff;background-color:#fff;box-shadow:0 0 2px #000;margin: 0 auto;}
#album li p:hover{box-shadow:0 0 10px #0c0;}
#album li p.cover a img{margin: 0 auto;padding: 0 auto;display:block;width:170px;height:110px;border-radius:5px;background-position:50% 50%;background-repeat:no-repeat;}
#album li p.title{display:block;margin:10px auto;padding:5px;width:170px;height:auto;border:1px solid #FFF;border-radius:3px;background-color:#fff;background-position:50% 50%;background-repeat:no-repeat;box-shadow:0 0 2px #000;text-align:center;}
#album li p.title:hover{box-shadow:0 0 10px #0c0;}
#album li p.title a{color:#000;text-align:center;font-size:12px;}
#kl_album_photo_list{position:relative;}#kl_album_photo_list #cell{float: left;margin: 10px; }
#kl_album_photo_list #cell{width:190px;border:solid #ddd 1px;border-radius:5px;background:#fff;box-shadow:1px 1px 1px #ddd;text-align:center;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;-ms-transition:.5s;}
#kl_album_photo_list #cell a{color:#000;}
#kl_album_photo_list #cell img{margin: 10px auto;padding: 0 auto;display:block;width:170px;border-radius:5px;}
#kl_album_photo_list img{width:175px;border:0;border-radius:5px;}
#kl_album_photo_list-post-name{margin:0 0 10px -20px;padding-left:20px;height:25px;border-left:3px solid #000;color:#000;font-weight:bold;font-size:18px;}
/*changebg*/
#mTips{position:fixed;font-size:1.4em;text-shadow:none;border-radius:0 5px 5px 0;z-index:5000;top:10px;left:0;background-color:rgba(0,0,0,0.1);padding:15px;color:#fff;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;transition:.5s;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}#mTips.show{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#imgul li{border:solid #fff 3px;border-radius:10px;}
.tipbody{padding-top: 0px;}
.changebg{position:absolute;top:50%;left:50%;z-index:92;margin:-160px -300px;display:none;width:600px;-webkit-border-radius:8px;border-radius:8px;background:#fff;box-shadow:2px 5px 15px rgba(0,0,0,.8);}
.kaiguan{display:block}
.changebg>div{position:relative;overflow:hidden;padding:10px}
.changebg .tiphead{border-bottom:1px solid green;font-size:20px;font-family:\5FAE\8F6F\96C5\9ED1,\5b8b\4f53}
.changebg ul li{width:120px;height:70px;float:left;margin:5px 7px 5px 7px;display:inline;position:relative;background-color:green}
.checkit{position:absolute;bottom:6px;right:8px;color:#0c0}
.changebg ul li:nth-child(1){margin-left:13px;background:url(images/bg/tmp/1.jpg)}
.changebg ul li:nth-child(2){background:url(images/bg/tmp/2.jpg)}
.changebg ul li:nth-child(3){background:url(images/bg/tmp/3.jpg)}
.changebg ul li:nth-child(4){background:url(images/bg/tmp/4.jpg)}
.changebg ul li:nth-child(5){margin-left:13px;background:url(images/bg/tmp/5.jpg)}
.changebg ul li:nth-child(6){background:url(images/bg/tmp/6.jpg)}
.changebg ul li:nth-child(7){background:url(images/bg/tmp/7.jpg)}
.changebg ul li:nth-child(8){background:url(images/bg/tmp/8.jpg)}
.bg-images_tanchu{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9997;}
#kaiguan{width: 19px;float:right;display:block;height:19px;background:url(images/close.png) no-repeat;-webkit-transition:all .6s ease-in-out .6s;-moz-transition:all .6s ease-in-out 0s;transition:all .6s ease-in-out 0s;}
#kaiguan:hover{-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);-o-transform:rotate(-270deg);transform:rotate(-270deg);-ms-transform:rotate(-270deg);}
.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz-transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o-transform:perspective(400px) rotateX(10deg)}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible!important;-moz-animation-name:flipInX;-o-backface-visibility:visible!important;-o-animation-name:flipInX;backface-visibility:visible!important;animation-name:flipInX}
@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible!important;-o-animation-name:flipOutX;-o-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important}

/** 模块透明*/
.tmdiv{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;position: absolute; background-color: #fff;height: 40px;width: 90%;left: 22px; bottom: 0; line-height: 40px;}
.tm_info{font-size: 10px;margin-top: -7px;}
.tm_du{position: absolute; left: 120px; top: 8px;color: #cccbce;}
.tm_du i{margin-top: 3px;}
.tm_cd{  position: relative; width: 300px; margin: 14px 28px 0px 28px; height: 5px;background-color: #b0aeb2;}
.tm_zuo{float: left;}
.tm_you{ float: right;}
.changdu{ position: relative;background-color: #81c300; width: 0; height: 5px;}
.cddrag{ width: 14px;height: 14px; position: absolute;top: -5px;right: -5px;  background-color: #fff;  border-radius: 50%;  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); cursor: url(images/zhizhen.cur), pointer;}
#bgSelectFlag { position: absolute; width: 22px;height: 22px;right: 15px;bottom: 8px; float: left; background: url(images/skin/right.png) repeat-x 0 0; _background: none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/skin/right.png",sizingMethod="crop");}
/*istop*/
.istop {margin-top:-10px;margin-left: 20px}
.good-label{position:relative;top:-2px;padding:3px 5px;background-color:#3f3f3f;color:#fff;font-weight:normal;font-size:12px;}
.good-arrow{position:relative;top:-3px;left:0;display:inline-block;margin-right:3px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #3f3f3f;}
.new-label{position:relative;top:-2px;padding:3px 5px;background-color:#3f3f3f;color:#fff;font-weight:normal;font-size:12px;}
.new-arrow{position:relative;top:-3px;left:0;display:inline-block;margin-right:3px;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:3px solid #3f3f3f;}
.hot-label{position:relative;top:-2px;padding:3px 5px;background-color:#ffba00;color:#fff;font-weight:normal;font-size:12px;}
.hot-arrow{position:relative;top:-3px;left:0;display:inline-block;margin-right:3px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #ffba00;}
.post .post-cat a, {padding:3px 6px 2px; background:#7FBB00; color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-family:'Simsun';}
.post .post-cat a:hover {background:#0F72A5;}
.istop a{font-size: 15px;line-height: 15px;margin-top: 5px;position: absolute;}
/*友情链接内页*/
ul.link-content{display:block;margin-top:-30px;width:100%;}
ul.link-content li{float:left;overflow:hidden;margin:18px 10px;padding:4px 6px;width:20%;height:46px;border:1px #dbdbdb solid;border-left:5px #0089fa solid;box-shadow:2px 2px 0 rgba(0,0,0,0.05);transition:.5s;    background-image: linear-gradient(to right,rgba(252, 252, 252, 0.45),rgba(242, 242, 242, 0.61));}
ul.link-content li:nth-child(5n+1){border-left-color:#ff002b;}
ul.link-content li:nth-child(5n+2){border-left-color:#ffa900;}
ul.link-content li:nth-child(5n+3){border-left-color:#0c0;}
ul.link-content li:nth-child(5n+4){border-left-color:#0cf;}
ul.link-content li a{overflow:hidden;height:25px;color:#0c0;text-transform:capitalize;font-size:12px;line-height:25px;}
ul.link-content li p{overflow:hidden;margin:0;padding:0 5px;height:16px;font-size:12px;line-height:1.4;}
ul.link-content li:hover{background-image:linear-gradient(to right,#fcfcfc,#f2f2f2);background-position:180px 0;}
ul.link-content li img{float:left;margin:4px 8px 2px 6px;width:16px;height:16px;line-height:16px;}
.post-context { position: relative; margin-top: 3px; word-wrap: break-word; line-height: 24px; word-break: break-all;}
.post-context code { padding: 2px 4px; border: 1px solid #d6d6d6; background-color: #f7f7f9;color: #d14; font: 12px Arial,Microsoft JhengHei;}
.post-context .blue { margin: 20px 0;padding: 15px 15px 15px 70px;border: 1px solid #8accff;  background:  #c3e5ff; color: #0d70bb; font-size: 12px;}
#content_date { margin: 0px; color: #8c8c8c; font-size: 12px; font-family: \5b8b\4f53; height: auto; line-height: 1.5;}
#content_date{margin: 0 10px;border-bottom: 1px dotted #ddd;}
#tooltip{position:absolute;z-index:9999;display:none;padding:4px 8px;border:1px solid rgba(255,255,255,0.25);border-radius:3px;background-color:#0cf;color:#fff;text-align:center;font-size:12px;}
#tooltip:before{position:absolute;top:-6px;left:15px;width:0;height:0;border:6px dashed #0cf;border-top:0;color:#fff;content:' ';line-height:0;border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent;}
.good-box { position: relative; top: -2px; padding: 1px 5px; background-color: #0c0;color: #fff;font-weight: 400;font-size: 12px; margin-left: 20px;}
.good-box a{ color: #fff!important;}
.good-jiantou {position: relative; top: -1px;  display: inline-block; margin-right: 0px;  width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #0c0;}

